<!-- sideBar BEGIN -->
<div class="left-main animate-time" [ngClass]="{ 'left-full': isActive , 'left-off': !isActive }">
    <!-- [ngClass]="{ 'left-full': isActive , 'left-off': !isActive }" -->
    <app-indent-button></app-indent-button>
    <div class="subNavBox">
        <!-- 用户管理 BEGIN -->
        <div class="sBox user" id="accordion">
            <div class="sBox-top">
                <span class="sublist-title">用户管理</span>
            </div>
            <div class="panel" >
                <!-- <div class="subNav sublist-up" data-toggle="collapse" data-parent="#accordion" data-target="#collapseOne" aria-expanded="true">
                    <img class="navigation-icon pull-left" src="assets/sidebar-fff/user/role.png">
                    <span class="sublist-title">角色管理</span>
                    <span class="pull-right title-icon glyphicon glyphicon-menu-up"></span>
                </div> -->
                <ul class="navContent panel-collapse in" id="collapseOne" [ngClass]="{'in': router.url == '/user/roles' ||router.url == '/user/role'}">
                    <!-- <a class="roles" mat-raised-button  routerLink="/user/roles" [ngClass]="{'active': router.url == '/user' || router.url == '/user/roles'}">
                            
                            <span class="sub-title">角色组管理</span>
                    </a> -->
                    <!-- <img class="navigation-icon pull-left" src="assets/sidebar/user/roles.png"> -->
                    <a class="role" *ngIf="right['root_roles']['view']" mat-raised-button routerLink="/user/role"  [ngClass]="{'active': router.url == '/user/roles' ||router.url == '/user/role'}" >
                            <!-- <img class="navigation-icon pull-left" src="assets/sidebar/user/role.png"> -->
                            <span class="sub-title">角色管理</span>
                    </a>
                    <a class="personal" *ngIf="right['root_user']['view']" mat-raised-button routerLink="/user/management" routerLinkActive="active" >
                            <!-- <img class="navigation-icon pull-left" src="assets/sidebar/user/user.png"> -->
                            <span class="sub-title">用户管理</span>
                    </a>
                    <a routerLink="/user/privilege" *ngIf="right['root_privilege']['view']" mat-raised-button [ngClass]="{'active': router.url == '/user/privilege' ||router.url == '/user/effect'}" >
                            <!-- <img class="navigation-icon pull-left" src="assets/sidebar/user/power.png"> -->
                            <span class="sub-title">权限管理</span>
                    </a>
                     <!-- <img class="navigation-icon pull-left" src="assets/sidebar/cms/ecc.png"> -->
                    <!-- <a class="mech_order" mat-raised-button routerLink="/user/effect"  routerLinkActive="active" >
                           
                            <span class="sub-title">功能管理</span>
                    </a> -->
                </ul>
            </div>
            <!-- <div class="panel" >
                <div class="subNav sublist-up" data-toggle="collapse" data-parent="#accordion" data-target="#collapseTwo" aria-expanded="false">
                    <img class="navigation-icon pull-left" src="assets/sidebar-fff/user/useradmin.png">
                    <span class="sublist-title">用户管理</span>
                    <span class="pull-right title-icon glyphicon glyphicon-menu-up"></span>
                </div>
                <ul class="navContent panel-collapse collapse " id="collapseTwo" [ngClass]="{'in':  router.url == '/user/management' || router.url == '/user/institution' || userActive}">
                    <li class="personal" routerLink="/user/management" routerLinkActive="active" >
                        <a>
                            <img class="navigation-icon pull-left" src="assets/sidebar/user/user.png">
                            <span class="sub-title">用户管理</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="panel ">
                <div class="subNav sublist-up" data-toggle="collapse" data-parent="#accordion" data-target="#collapseTree" aria-expanded="false">
                    <img class="navigation-icon pull-left" src="assets/sidebar-fff/user/power.png">
                    <span class="sublist-title">功能权限管理</span>
                    <span class="pull-right title-icon glyphicon glyphicon-menu-up"></span>
                </div>
                <ul class="navContent panel-collapse collapse" id="collapseTree" [ngClass]="{'in': router.url == '/user/privilege' || router.url == '/user/effect'}">
                    
                </ul>
            </div> -->
            <!-- <div class="panel ">
                   <div class="subNav sublist-up" 
                        data-toggle="collapse" 
                        data-parent="#accordion" 
                        data-target="#collapseFour"
                    >
                      <img class="navigation-icon pull-left" src="assets/sidebar-fff/user/Effect.png">
                      <span class="sublist-title">功能管理</span>
                      <span class="pull-right title-icon glyphicon glyphicon-menu-up" ></span>
                  </div>
                  <ul class="navContent panel-collapse collapse" id="collapseFour" [ngClass]="{'in': router.url == '/user/institution' || router.url == '/user/pavmenu' || router.url == '/user/effect' || router.url == '/user/branch'}">
                      <li routerLink="/user/institution" routerLinkActive="active">
                          <a>
                              <img class="navigation-icon pull-left" src="assets/sidebar/user/mechanism.png">
                              <span class="sub-title">机构管理</span>
                          </a>
                      </li>
                      <li routerLink="/user/pavmenu" routerLinkActive="active">
                          <a>
                              <img class="navigation-icon pull-left" src="assets/sidebar/user/charge.png">
                              <span class="sub-title">栏目管理</span>
                          </a>
                      </li>
                      <li routerLink="/user/branch" routerLinkActive="active">
                          <a>
                              <img class="navigation-icon pull-left" src="assets/sidebar/user/charge.png">
                              <span class="sub-title">分馆管理</span>
                          </a>
                      </li>
                      <li routerLink="/user/effect" routerLinkActive="active">
                          <a >
                              <img class="navigation-icon pull-left" src="assets/sidebar/user/Effect.png">
                              <span class="sub-title">功能管理</span>
                          </a>
                      </li>
                  </ul>
                </div> -->
        </div>
        <!-- 用户管理 END -->
    </div>
</div>
<!-- sideBar END -->